<template>
    <vue-simplebar>
        <div class="page-container">
            <el-row :gutter="20">
                <el-col :xl="12">
                    <chart-sign></chart-sign>
                </el-col>
                <el-col :xl="12">
                    <chart-game></chart-game>
                </el-col>
            </el-row>
        </div>
    </vue-simplebar>
</template>

<script>
import ChartSign from "./Sign.vue";
import ChartGame from "./Game.vue";

export default {
    components: {
        ChartSign,
        ChartGame,
    },
}
</script>

<style lang="scss" scoped>
.el-col {
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

::v-deep .card-item {
    background-color: #ffffff;
    border-radius: 7px;
    overflow: hidden;
    min-height: 320px;
}

::v-deep .card-item .item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 60px;
}
</style>
